<template>
  <div class="app-container">
    <el-row>
      <el-col>
        <div class="container-box">
          <div class="area">
            <el-input
              placeholder="单位机构编制事项变动情况备案记录"
              prefix-icon="el-icon-search"
              v-model="input2"
            >
            </el-input>
            <el-button type="primary" size="small">搜索</el-button>
          </div>
          <div class="area">
            <el-table :data="tableData" style="width: 100%">
              <el-table-column type="expand">
                <template slot-scope="props">
                  <el-table
                    :data="tableData2"
                    style="width: 100%"
                    class="inner-table"
                  >
                    <el-table-column prop="name" label="文件名称">
                    </el-table-column>
                    <el-table-column prop="number" label="批准编号">
                    </el-table-column>
                    <el-table-column prop="address" label="批准机关">
                    </el-table-column>
                    <el-table-column prop="sure" label="确定事项">
                    </el-table-column>
                    <el-table-column prop="show" label="预览文件">
                    </el-table-column>
                    <el-table-column prop="date" label="日期">
                    </el-table-column>
                  </el-table>
                </template>
              </el-table-column>
              <el-table-column label="文件名称" prop="name"> </el-table-column>
              <el-table-column label="确定事项" prop="category">
              </el-table-column>
              <el-table-column label="操作">
                <template slot-scope="scope">
                  <el-button
                    size="mini"
                    type="text"
                    @click="handleEdit(scope.$index, scope.row)"
                    >管理</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
// import LineEchart from "./components/LineEChart.vue";
export default {
  name: "Rcord",
  components: {},
  data() {
    return {
      input2: "",
      tableData: [
        {
          id: "12987122",
          name: "关于某某组织架构调整",
          category: "关于某某组织架构调整",
        },
        {
          id: "12987122",
          name: "关于某某组织架构调整",
          category: "关于某某组织架构调整",
        },
        {
          id: "12987122",
          name: "关于某某组织架构调整",
          category: "关于某某组织架构调整",
        },
        {
          id: "12987122",
          name: "关于某某组织架构调整",
          category: "关于某某组织架构调整",
        },
        {
          id: "12987122",
          name: "关于某某组织架构调整",
          category: "关于某某组织架构调整",
        },
        {
          id: "12987122",
          name: "关于某某组织架构调整",
          category: "关于某某组织架构调整",
        },
        {
          id: "12987122",
          name: "关于某某组织架构调整",
          category: "关于某某组织架构调整",
        },
        {
          id: "12987122",
          name: "关于某某组织架构调整",
          category: "关于某某组织架构调整",
        },
        {
          id: "12987122",
          name: "关于某某组织架构调整",
          category: "关于某某组织架构调整",
        },
        {
          id: "12987122",
          name: "关于某某组织架构调整",
          category: "关于某某组织架构调整",
        },
        {
          id: "12987122",
          name: "关于某某组织架构调整",
          category: "关于某某组织架构调整",
        },
        {
          id: "12987122",
          name: "关于某某组织架构调整",
          category: "关于某某组织架构调整",
        },
      ],
      tableData2: [
        {
          name: "关于某某组织架构调整",

          number: "济编发【2020】1号",
          address: "济南市公安局",
          sure: "某某组织架构调整",
          show: "预览文件",
          date: "2020.01.01",
        },
      ],
    };
  },
  methods: {},
};
</script>
<style scoped lang="scss">
.container-box {
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 20px;
  .area {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}
</style>
<style>
.inner-table .el-table__cell {
  background-color: #2e31ca0d;
}
</style>
